<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>


    <meta charset="UTF-8">
    <title>新增用户</title>
    <style type="text/css">
        table {border-collapse: collapse; font-size: 14px;
            width: 80%; margin: auto}
        table, th, td {border: 0px solid darkslategray;padding: 10px}
        body{
            background: url("https://tse1-mm.cn.bing.net/th/id/R-C.57ac931b248460fff77b2077f979e489?rik=%2fLorE6uBl6VDCw&riu=http%3a%2f%2flanguage.chinadaily.com.cn%2fimages%2fattachement%2fjpg%2fsite1%2f20150312%2f0013729e4460166b416a28.jpg&ehk=Ak6lZBRiZ7C6xf1bXAEDZBKzxRUCBOPfcjfYnxp7fZs%3d&risl=&pid=ImgRaw&r=0")  no-repeat;
            background-size: 100%;
        }
        .one{
            text-align: center;
            width: 200px;
            height: 350px;
            /*margin-left: 50%;*/
            background: white;
            margin: 120px auto;
            background: white;
            border-radius: 30px 30px 30px 30px;
        }
        .btgn{
            font-family: "Microsoft YaHei UI";
            font-size: 16px;
            color: #255e95;
            background-color: #99CCFF;
            text-align: center;
        }
        .ccc{
            font-family: "Microsoft YaHei UI";
            font-size: 16px;
            color: white;
            background-color: lightblue;
            text-align: center;
        }

        tr:nth-child(2n){
            background-color:#FFCC99;
        }
        tr:nth-child(2n+1) {
            background-color: #99CC99;
        }

        .c{
            width: 200px;
        }

    </style>
</head>
<body>
<div>
    <div class="one">

        <span style="color: #99CC99 ;font-size: 25px">用户注册</span><br/>
        <br/>

        <form action="/addUser" method="post" class="c">

        <tr>
        <tr><th  >用户名:</th><br/>


            <!--/*@thymesVar id="username" type=""*/-->
            <input name="username"  class="ccc" th:value="${username}"/><tr/> <br/>
        <tr><th >密码</th><br/>


            <!--/*@thymesVar id="password" type=""*/-->
            <input name="password" class="ccc" th:value="${password}"/><tr/> <br/>
        <tr><th >联系方式</th>
            <br/>

            <!--/*@thymesVar id="phone" type=""*/-->
            <input name="phone" class="ccc" th:value="${phone}"/><tr/> <br/>

        <tr><th >年龄</th>
            <br/>

            <!--/*@thymesVar id="age" type=""*/-->
            <input name="age"class="ccc"  th:value="${age}"/><tr/> <br/>
            <br/>
            <button type="submit" class="btn btn-success">提交</button>
    </form>
    </div>
</div>
</body>
</html>